<template>
	<view>
		<button class="loginButton" @click="ButtonFunc" :style="{width: wh + '%'}">{{name}}</button>
	</view>
</template>

<script>
	export default {
		name:"SpButton",
		data() {
			return {
				
			};
		},
		props: {
			name:String,
			wh: {
				type:Number,
				default:40
			},
		},
		methods: {
			ButtonFunc(){
				this.$emit('btnClick');
			}
		}
	}
</script>

<style lang="scss">
	.loginButton {
		text-align: center;
		padding-top: 5px;
		height: 50px;
		background: linear-gradient(138.4deg, rgba(20, 178, 181, 1) 0%, rgba(43, 194, 161, 1) 100%);
		font-size: 15px;
		color: white;
		font-weight: 500;
		border-radius: 10px;
	}
</style>